<template>
  <div>
    <el-row
      :gutter="5"
      class="row" 
    >
      <el-col :span="8">
        车厢总数量 {{ con   }} 
      </el-col>
      <el-col :span="8">
        <!-- // 车厢有10 个人 -->
        每车厢排数 {{ con * 10 }} 
      </el-col>
      <el-col :span="8">
         车座总数 {{ con *  num   }}  
      </el-col>
    </el-row>
  </div>
</template>

<script>
import { HttpList } from "api";

export default {
  props: {
    num: Number,
    con: Number,
    all: Number,
    title: String,
  },
  data() {
    return { list: [] };
  },
  methods: {
    async getlist() {
      const form = {
        val: "",
        pageSize: 1,
        pageCode: 100,
        type: "全部",
        state: "全部",
        date: "",
      };
      const res = await HttpList({
        ...form,
      });
      this.list = res.data.data;
    },
  },
  mounted() {
    this.getlist();
  },
};
</script>

<style scoped lang='scss'>
.row{
  font-size: 20px;
  margin-top: 20px;
}
</style>